    // 顶部进度条加载
    // 创造div，设置为固定定位，
    // 宽度每隔10ms增加1%
    var num = 0
     //造圆圈加载框 ，在css设置好圆圈的形状和动画效果
    var nprogressRadius = document.createElement('div')
    nprogressRadius.className = 'nprogressRadius'
    // 造进度条盒子，并设置进度条的样式
    var nprogress = document.createElement('div') 
        nprogress.style.position = 'fixed'
        nprogress.style.top = '0'
        nprogress.style.height = '1px'
        document.body.appendChild(nprogress)
        document.body.appendChild(nprogressRadius)
    // 判断网页是否加载完毕
        var over = false
    // 设置定时器来改变他的宽度
   t3 = setInterval(function(){
        num+=0.5
        
        if(num>=90 && !over) return
        if(num>=100) {
            clearInterval(t3) 
            document.body.removeChild(nprogress)
            console.log(nprogressRadius);
            document.body.removeChild(nprogressRadius) //清除网页的圆形加载圈

        }
        // console.log(num);
        nprogress.style.boxShadow = ' 0 0 2px blue'
        nprogress.style.width = num + '%'
        nprogress.style.backgroundColor = 'blue'
            },10)
// 监控网页加载进度 window.onload
window.onload = function(){
    over = true
}